﻿*{margin:0; padding:0}
ul{margin:0; padding:0}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.current{}

/* 头部 */
#header{width:auto; height:auto; overflow:hidden; margin-bottom:20px}

/*顶部*/
.topbox{width:auto; height:30px; background:#ebebeb}
.topbox .top{width:1155px; height:30px; background:#ebebeb; margin:0 auto}
.top .top-l{width:500px; height:30px; font-size:14px; color:#666; line-height:30px}
.top .top-r{width:500px; height:30px;}
.top .top-r ul{float:right}
.top .top-r li{list-style:none; float:left; margin-left:20px}
.top .top-r li a{text-decoration:none; font-size:14px; color:#666; line-height:30px}

/*LOGO*/
.logobox{width:1155px; height:125px; margin:0 auto}
.search{width:auto; height:30px; margin-top:49px}
.search form{width:auto; height:30px}
.search form .text{width:228px; height:28px; border:solid 1px #0268d4;color:#333333;padding-left:10px; font-size:14px; float:left; -webkit-border-radius:15px 0px 0px 15px; -moz-border-radius:15px 0px 0px 15px; -o-border-radius:15px 0px 0px 15px; border-radius:15px 0px 0px 15px; outline:none}
.search form .s_sub{float:left;height:30px; width:60px; background-color:#0485C4; border:0; color:#ffffff; font-size:14px; -webkit-border-radius:0px 15px 15px 0px; -moz-border-radius:0px 15px 15px 0px; -o-border-radius:0px 15px 15px 0px; border-radius:0px 15px 15px 0px; outline:none}


/*NAV*/
.navbox{width:auto; height:55px; background:#0485c4}
.nav{width:1155px; height:55px; background:#0485c4; margin:0 auto}
.nav li{list-style:none; float:left; width:128px; height:55px; position:relative; z-index:999;}
.nav li a{text-decoration:none; font-size:16px; color:#FFF; line-height:55px; display:block; text-align:center;}
.nav li a:hover{background:#fe3636;}
.nav li ul{display:none;}
.nav li:hover ul{display:block; width:128px; height:auto; background:#0485c4; position:absolute;}
.nav li li{width:128px; height:auto;margin-top:5px; background:#0485c4;}
.nav li li a{font-size:14px; text-decoration:none; color:#FFF; line-height:24px; display:block; text-align:center;padding:10px 0px;}

/*banner*/
.banner{width:auto; height:420px; /* background:url(../images/banner01.jpg) no-repeat center top */}
.picBox{width:auto; margin:0 auto; position:relative; overflow:hidden;font-size:0;z-index:90;transition:all 0.2s linear 0s;}
.picBox a{transition:all 0.2s linear 0s;}
.picBox .clearfix{width:auto}
.picBox .bd li{width:auto;text-align:center;width:100%}
.picBox ul{width:auto; height:auto}
.picBox .hd{ position:absolute;bottom:20px;left:0;width:100%;height:auto;z-index:99;text-align:center}
.picBox .hd ul{margin:0;padding:0}
.picBox .hd li{background:#666;display:inline-block;*display:inline;zoom:1;width:20px;height:20px;line-height:22px;text-align:center;margin-left:3px;color:#fff;cursor:pointer;font-size:12px;border-radius:10%}
.picBox .hd li.on{ background:#0485C4;color:#fff}
.picBox .next,
.picBox .prev{background:url(../images/icon_arr.png) no-repeat; zoom:1; vertical-align:middle; cursor:pointer;}
.picBox .prev{background-position:10px 26px;height:90px;left:40px;opacity:0;filter:Alpha(opacity=0);position:absolute;top:50%;width:50px;z-index:100;margin-top:-35px}
.picBox .next{background-position:15px -48px;height:90px;right:40px;opacity:0;filter:Alpha(opacity=0);position:absolute;top:50%;width:50px;z-index:100;margin-top:-35px}
.picBox:hover .prev{opacity:1;filter:Alpha(opacity=0);}
.picBox:hover .next{opacity:1;filter:Alpha(opacity=0);}

/* 网站主体 */
#content{width:1155px; height:auto; margin:0 auto; overflow:hidden}
/*企业新闻与公告*/
.newshow{width:1155px; height:auto; margin:0 auto; float:left; margin-top:20px; overflow:hidden}
.qynew{width:760px; height:478px; border:1px solid #CCC;}
.newtitbox{width:760px; height:45px; background:url(../images/newtit.jpg) repeat-x}
.newtitbox .newtit{width:120px; height:35px; background:#0485c4}
.newtitbox .newtit a{font-size:14px; color:#FFF; text-decoration:none; line-height:35px; display:block; text-align:center}
.more img{margin-top:8px; margin-right:15px}
.hotnew{width:715px; height:85px; margin:20px 0px 10px 24px; border-bottom:1px solid #CCC}
.hotnew .hottit{width:715px; height:30px; overflow:hidden}
.hotnew .hottit a{font-size:14px; font-weight:bold; text-decoration:none; color:#0485c4; display:block; text-align:center; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hotnew .hotxx{width:715px; height:45px; overflow:hidden}
.hotnew .hotxx span{font-size:12px; color:#999; line-height:20px}
.hotnew .hotxx a{color:#fd030d}
.videonew{width:715px; height:310px; margin:15px 0px 10px 24px}
.videobox{width:430px; height:310px;}
.videobox .video{width:430px; height:275px; border:1px solid #999}
.videobox .videotit{width:430px; height:35px;}
.videobox .videotit a{text-decoration:none; font-size:12px; color:#999; display:block; text-align:center; line-height:35px}
.videobox .videotit a:hover{text-decoration:underline; color:#F30}
.newlist{width:265px; height:310px;}
.newlist li{list-style:none; width:715px; height:30px; border-bottom:1px dashed #CCC; margin-bottom:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newlist li a{text-decoration:none; font-size:12px; line-height:30px; color:#333}
.newlist li a:hover{color:#F30}
.notice{width:365px; height:478px; border:1px solid #CCC;}
.noticetit{width:365px; height:35px; background:#0485c4}
.noticetit img{margin:10px; float:left}
.noticetit a{font-size:14px; color:#FFF; text-decoration:none; line-height:35px;}
.noticetit span{font-family:"Times New Roman", "Times", "serif"; font-size:12px; line-height:35px; color:#77d2ff; margin-left:10px}
.notice li{list-style:none; width:320px; height:30px; border-bottom:1px dashed #CCC; margin-bottom:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*横幅*/
.hf{width:1155px; height:148px; float:left; overflow:hidden; margin:20px 0 10px 0; background:url(../images/hf.jpg) no-repeat center top}

/*党建与科技创新*/
.djcx{width:1155px; height:auto; margin:0 auto; float:left; margin-top:20px; overflow:hidden}
.dj{width:760px; height:335px; border:1px solid #CCC;}
.dj .djpicbox{width:355px; height:283px; margin:17px 0 0 17px}
.djpicbox .djpic{width:355px; height:245px; background:#999}
.djpicbox .djpic img{width:355px; height:245px}
.djpicbox .djpic img:hover{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.djpicbox .djtit{width:355px; height:38px;}
.djpicbox .djtit a{text-decoration:none; font-size:12px; color:#999; display:block; text-align:center; line-height:38px}
.dj .djnewlist{width:345px; height:283px; margin:14px 20px 0}
.djnewlist li{list-style:none; width:345px; height:32px; border-bottom:1px dashed #CCC; margin-bottom:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.djnewlist li a{text-decoration:none; font-size:12px; line-height:32px; color:#666}
.djnewlist li a:hover{color:#F30}

.cx{width:365px; height:335px; border:1px solid #CCC;}
.cxtitbox{width:365px; height:35px; background:url(../images/newtit.jpg) repeat-x}
.cxtitbox .newtit{width:120px; height:35px; background:#0485c4}
.cxtitbox .newtit a{font-size:14px; color:#FFF; text-decoration:none; line-height:35px; display:block; text-align:center}
.cxnewlist{width:330px; height:286px; margin:14px auto 0 auto;}
.cxnewlist li{list-style:none; width:330px; height:32px; border-bottom:1px dashed #CCC; margin-bottom:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cxnewlist li a{text-decoration:none; font-size:12px; line-height:32px; color:#666}
.cxnewlist li a:hover{color:#F30}

/*工程案例*/
.case{width:1155px; height:290px; margin:0 auto; float:left; margin-top:20px; overflow:hidden; border-bottom:1px solid #CCC}
.casetitbox{width:1155px; height:35px; background:url(../images/newtit.jpg) repeat-x}
.casetitbox .newtit{width:120px; height:35px; background:#0485c4}
.casetitbox .newtit a{font-size:14px; color:#FFF; text-decoration:none; line-height:35px; display:block; text-align:center}
.gcalbox{width:220px; height:220px; float:left; margin:0 10px;}
.gcalbox .gcalpic{width:220px; height:180px; background-color:#6F0}
.gcalbox .gcalpic img{width:220px; height:180px;}
.gcalbox .gcalbt{width:220px; height:40px; overflow:hidden}
.gcalbox .gcalbt a{text-decoration:none; font-size:14px; color:#000; line-height:40px; display:block; text-align:center}
/* 工程案例滚动 */
#demo{overflow:hidden; border:none; width:1155px; height:220px; float:left; margin-top:20px; position:absolute;}
#indemo{float:left; width:800%; height:220px}
#indemo img{width:220px; height:180px}
#demo1{float:left; height:220px}
#demo2{float:left; margin-left:7px}

/*关于我们与外链*/
.about{width:1155px; height:auto; margin:0 auto; float:left; margin-top:25px; overflow:hidden;}
.aboutus{width:760px; height:282px; border:1px solid #CCC;}
.abouttitbox{width:760px; height:35px; background:url(../images/newtit.jpg) repeat-x}
.abouttitbox .newtit{width:120px; height:35px; background:#0485c4}
.abouttitbox .newtit a{font-size:14px; color:#FFF; text-decoration:none; line-height:35px; display:block; text-align:center}
.ab-pic{width:280px; height:205px; margin:20px 0px 20px 10px}
.ab-pic img{width:280px; height:205px}
.ab-pic img:hover{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.ab-xx{width:425px; height:205px; margin:20px 20px 20px 0}
.ab-xx span{font-size:12px; color:#333; line-height:26px}
.ab-xx span a{color:#fd030d}

.link{width:365px; height:282px; border:1px solid #CCC;}
.linktitbox{width:365px; height:35px; background:#0485c4}
.linktitbox a{font-size:14px; color:#FFF; text-decoration:none; line-height:35px; margin-left:20px}
.linkimg{width:345px; height:123px; margin:20px auto 10px auto}
.linkimg img{width:345px; height:123px}
.linkimg img:hover{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.linkxx{width:345px; height:auto; overflow:hidden; margin:0 auto}
.linkxx span{font-size:12px; line-height:20px; color:#333;}

/* 页脚 */
#footer{width:auto; height:530px; background:#333; margin-top:40px}
.f-nav{width:1150px; height:282px; margin:0 auto; padding-top:35px;}
.f-nav .f-navli{width:126px; height:150px; float:left; margin:0 10px}
.f-nav .f-navli:last-child{margin-right:0px}
.f-nav .f-navli:first-child{margin-left:0px}
.f-nav .f-navli li{list-style:none; margin-top:6px}
.f-nav .f-navli li a{font-size:14px; color:#CCC; text-decoration:none;}
.f-nav .f-navli li a:hover{text-decoration:underline}
.f-navli .navh{width:111px; height:35px; border-bottom:1px solid #CCC; margin-bottom:10px}
.f-navli .navh a{font-size:18px; font-weight:bold; color:#CCC; text-decoration:none; line-height:35px}

.yqlink{width:1155px; height:30px; background:#7c7b7b; margin:0 auto; margin-top:45px}
.yqlink span{font-size:14px; color:#FFF; display:block; text-align:center; line-height:30px}
.yqlink span a{text-decoration:none; color:#FFF}
.yqlink span a:hover{text-decoration:underline}

.f-info{width:1155px; height:auto; margin:20px auto}
.f-info span{color:#FFF; font-size:12px; display:block; text-align:center; line-height:20px}







#floatAd2 a.fudong{color:#ff0000;background:#ff0000;display:block;line-height:40px;position:relative;
text-align:center;
text-decoration: underline;font-size:24px;font-weight:600}
#floatAd2 a.fudong img{/*width:400px*/}
#floatAd2 a.fudong p{position:absolute;top:30px;width:280px;left:20px;font-size:12px;width:160px;line-height:24px;}
.lianjie{    width: 100%;margin:20px auto;} 
.lianjie li{float:left;list-style:none} 
.lianjie li:nth-child(1){width:450px;}
.lianjie li:nth-child(2) img{height:80px;margin-left:10px}
.lianjie li:nth-child(3){width:450px;margin-left:67px}
.lianjie li:nth-child(4) img{height:80px;margin-left:10px}


.lianjie li:nth-child(1) img{width:100%;}
.lianjie li:nth-child(3) img{width:100%;}
 .jdgc ul li {
	width: 20%;
	margin-right: 2.666%;
	margin-bottom: 1.25rem;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;  height: 240px;
    border: 1px solid #ddd;
}
ul, li {
    list-style: none;
}
 .jdgc ul li:nth-child(4n) {
	margin-right: 0;
}
 .jdgc ul li:hover{box-shadow: #cfdfec 0px 5px 10px;}
 .jdgc ul li a{text-decoration:none;}
 .jdgc ul li .img {
	    position: relative;
    height: auto;
    /* padding-bottom: 65.2%; */
    height: 140px;
    text-align: center;
	
}
.pingpainr{margin:20px 0px;line-height:24px;}
 .jdgc ul li .img img {
	    /* position: absolute; */
    /* width: 100%; */
    height: 100px;
    /* object-fit: cover; */
    margin-top:20px;
}

 .jdgc ul li p {
	text-align: center;
	color: #333333;
	font-size: 0.975rem;
	text-align: center;
	padding: 0.625rem 1.25rem;
 
	border-top: none;
}

